<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="ThemeBucket">
        <link rel="shortcut icon" href="#" type="image/png">

        <title>Dynamic Table</title>

        <!--引入动态CSS-->
        <?php if(is_array($header["css"])): foreach($header["css"] as $key=>$css): ?><link href="/xinanshop/Public/csf/<?php echo ($theme); ?>/<?php echo ($css); ?>" rel="stylesheet"><?php endforeach; endif; ?>

        <!--引入公用CSS-->
        <link href="/xinanshop/Public/csf/<?php echo ($theme); ?>/css/style.css" rel="stylesheet">
        <link href="/xinanshop/Public/csf/<?php echo ($theme); ?>/css/style-responsive.css" rel="stylesheet">
        <link href="/xinanshop/Public/csf/<?php echo ($theme); ?>/css/jquery-ui-1.8.16.custom.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
        <script src="/xinanshop/Public/csf/<?php echo ($theme); ?>/js/html5shiv.js"></script>
        <script src="/xinanshop/Public/csf/<?php echo ($theme); ?>/js/respond.min.js"></script>
        <![endif]-->
        <script src="/xinanshop/Public/csf/<?php echo ($theme); ?>/js/jquery-1.10.2.min.js"></script>

    </head>
    <body class="sticky-header">
        <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
            <a href="index.html"><img src="/xinanshop/Public/csf/<?php echo ($theme); ?>/images/logo.png" alt=""></a>
        </div>

        <div class="logo-icon text-center">
            <a href="index.html"><img src="/xinanshop/Public/csf/<?php echo ($theme); ?>/images/logo_icon.png" alt=""></a>
        </div>
        <!--logo and iconic logo end-->


        <div class="left-side-inner">

            <!-- visible to small devices only -->
            <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <div class="media logged-user">
                    <img alt="" src="/xinanshop/Public/csf/<?php echo ($theme); ?>/images/photos/user-avatar.png" class="media-object">
                    <div class="media-body">
                        <h4><a href="#">John Doe</a></h4>
                        <span>"Hello There..."</span>
                    </div>
                </div>

                <h5 class="left-nav-title">Account Information</h5>
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li><a href="#"><i class="fa fa-user"></i> <span>Profile</span></a></li>
                    <li><a href="#"><i class="fa fa-cog"></i> <span>Settings</span></a></li>
                    <li><a href="<?php echo ($logout); ?>"><i class="fa fa-sign-out"></i> <span>Log Out</span></a></li>
                </ul>
            </div>

            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav">
                <?php if(is_array($menuList)): foreach($menuList as $key=>$menu): if(in_array(strtoupper($menu['url']),$displayNodes)): if(empty($menu["sub"])): ?><li><a href="<?php echo U($menu['url']); ?>"><i class="fa <?php echo ($menu["icon"]); ?>"></i> <span><?php echo ($menu["name"]); ?></span>
                        <?php else: ?>
                            <?php if($AM == $menu['url']): ?><li class="menu-list nav-active"><a href=""><i class="fa <?php echo ($menu["icon"]); ?>"></i> <span><?php echo ($menu["name"]); ?></span></a>
                            <?php else: ?>
                            <li class="menu-list"><a href=""><i class="fa <?php echo ($menu["icon"]); ?>"></i> <span><?php echo ($menu["name"]); ?></span></a><?php endif; ?>
                                <ul class="sub-menu-list">
                                <?php if(is_array($menu["sub"])): foreach($menu["sub"] as $key=>$subMenu): if(in_array(strtoupper($subMenu['url']),$displayNodes)): ?><li ><a href="<?php echo U($subMenu['url']); ?>"> <?php echo ($subMenu["name"]); ?></a></li><?php endif; endforeach; endif; ?>
                                </ul>
                            </li><?php endif; endif; endforeach; endif; ?>
            </ul>
            <!--sidebar nav end-->

        </div>
    </div>
    <!-- left side end-->
    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--search start-->
            <form class="searchform" action="index.html" method="post">
                <input type="text" class="form-control" name="keyword" placeholder="Search here..." />
            </form>
            <!--search end-->
            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu">
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img src="/xinanshop/Public/csf/<?php echo ($theme); ?>/images/photos/user-avatar.png" alt="" />
                            John Doe
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li><a href="#"><i class="fa fa-user"></i>  Profile</a></li>
                            <li><a href="#"><i class="fa fa-cog"></i>  Settings</a></li>
                            <li><a href="<?php echo ($logout); ?>"><i class="fa fa-sign-out"></i> Log Out</a></li>
                        </ul>
                    </li>

                </ul>
            </div>
            <!--notification menu end -->

        </div>
        <!-- header section end-->
   <link rel="stylesheet" type="text/css" href="/xinanshop/Public/csf/webupload/webuploader.css">
   <script type="text/javascript" src="/xinanshop/Public/csf/js/jquery.js"></script>
   <script type="text/javascript" src="/xinanshop/Public/csf/ueditor/ueditor.config.js"></script>
   <script type="text/javascript" src="/xinanshop/Public/csf/ueditor/ueditor.all.js"></script>
   <script type="text/javascript" src="/xinanshop/Public/csf/webupload/webuploader.js"></script>
	<!-- page heading start-->
    <div class="page-heading">
        <h3>
            <?php echo ($breadcrumb["A"]); ?>
        </h3>
        <ul class="breadcrumb">
            <li>
                <?php echo ($breadcrumb["M"]); ?>
            </li>
            <li>
                <?php echo ($breadcrumb["C"]); ?>
            </li>
            <li class="active"> <?php echo ($breadcrumb["A"]); ?>  </li>
        </ul>
    </div>
    <!-- page heading end-->
	
    <!--body wrapper start-->
    <div class="wrapper">
        <div class="row">
          <form role="form" action="<?php echo ($action); ?>" method="post">
            <div class="col-lg-12">
                <section class="panel">
                    <header class="panel-heading">
                        商品资料  
                    </header>
                    <div class="panel-body">                        
                            <div class="form-group">
                                <label for="title">名称</label>
                                <input type="text" name="name" class="form-control" id="title" placeholder="输入商品名称">
                            </div>
                            <div class="form-group">
                                <label for="title">货号</label>
                                <input type="text" name="art_num" class="form-control" id="title" placeholder="输入商品货号">
                            </div>
                           <div class="form-group">
                                <label for="title">关键词</label>
                                <input type="text" name="keyword" class="form-control" id="title" placeholder="输入商品关键词">
                            </div>
                            <div class="form-group">
                                <label for="title">库存</label>
                                <input type="text" name="stock" class="form-control" id="title" placeholder="输入商品库存">
                            </div>
                             <div class="form-group">
                                <label for="title">价格</label>
                                <input type="text" name="price" class="form-control" id="title" placeholder="输入商品价格">
                            </div>
                             <div class="form-group">
                                <label for="remark">描述</label>
                                <textarea class="form-control" rows="5" name="description" id="remark"></textarea>
                            </div>
                            <div class="form-group">
                                <label for="content">详情</label>
                                <textarea name="description" id="content"></textarea>
                              </div>
                             <div class="form-group">
                                <label for="img">封面图片</label>
                                <div class="row">
                                    <div id="picker" class="col-md-2">图片</div>
                                    <div id="picbox" class="col-md-3"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="status">状态</label>
                                <select class="form-control m-bot15" id="status" name="status">
                                    <option value="1">启用</option>
                                    <option value="0">关闭</option>
                                </select>
                            </div>                                               
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">保存</button>
                        <a href="<?php echo ($cancel); ?>" class="btn btn-primary">取消</a>
                    </div>
                </div>
             </section>
         </form> 
  
    <script type="text/javascript">
                     var ue = UE.getEditor('content',{
                        initialFrameWidth:600,
                        initialFrameHeight:400,
                        autoHeightEnabled:false,
                    });
    </script>  
    <script type="text/javascript">
                    var uploader = WebUploader.create({
                        // 选完文件后，是否自动上传。
                        auto: true,
                        // swf文件路径
                        swf: ' /xinanshop/Public/csf/webupload/Uploader.swf',
                        // 文件接收服务端。
                        server: '<?php echo ($upload); ?>',
                        // 选择文件的按钮。可选。
                        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                        pick: '#picker',
                        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
                        resize: false,

                        runtimeOrder:false,
                        // 只允许选择图片文件。
                        accept: {
                            title: 'Images',
                            extensions: 'gif,jpg,jpeg,bmp,png',
                            mimeTypes: 'image/jpg,image/jpeg,image/png',
                        }
                    });
                    //添加到上传队列事件
                    uploader.on( 'fileQueued', function( file ) {
                        var $li = $(
                        '<div id="' + file.id + '" class="file-item thumbnail">' +
                            '<img>' +
                            '<div class="info">' + file.name + '</div>' +
                        '</div>'
                        ),
                        $img = $li.find('img');
                        $('#picbox').html( $li );
                        uploader.makeThumb( file, function( error, src ) {
                            if ( error ) {
                                $img.replaceWith('<span>不能预览</span>');
                                return;
                            }

                            $img.attr( 'src', src );
                        }, 100, 100 );
                    });
                    //上传成功事件
                    uploader.on( 'uploadSuccess', function(file,response) {

                        if(response._raw){ console.log(response);
                            $('#img').val(response._raw);
                        }
                        
                    });
                    //上传失败事件
                    uploader.on( 'uploadError', function( file ) {
                        var $li = $( '#'+file.id ),
                            $error = $li.find('div.error');

                        // 避免重复创建
                        if ( !$error.length ) {
                            $error = $('<div class="error"></div>').appendTo( $li );
                        }

                        $error.text('上传失败');
                    });
                </script>         
     </div>
 </div>
   
    <!--body wrapper end-->